@font-face {
    font-family: 'Rubik';
    src: url('../font/rubik-regular-webfont.eot');
    src: url('../font/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/rubik-regular-webfont.woff2') format('woff2'),
         url('../font/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html{
    font-size: 100px;
}
body {
    font-size: .14rem;
    color: #1A1A1A;
    // font-family: 'rubikregular';
    font-family: 'Rubik';
}

div {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    box-sizing: border-box;
}
.line-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
//显示时按钮样式 
.el-button--primary {
    //需要更改的按钮类型 type='primary'
    background: #FF3263 !important;
    border-color: #FF3263 !important;
}

//移入时按钮样式 type='primary'
.el-button--primary:hover {
    background: #FF3263 !important;
    border-color: #FF3263 !important;
    opacity: 0.8;
}
.el-date-table td.end-date span, .el-date-table td.start-date span{
    background: #FF3263 !important;
}
.el-date-table td.available:hover{
    color: #FF3263;   
}
.el-picker-panel__icon-btn:hover{
    color: #FF3263;  
}
.el-date-table td.today span{
    color: #FF3263; 
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
    background:#fedde5;
}
.select-date-wrap{
    width: 8.32rem;
    height: auto;
    padding: .24rem .4rem;
    transform: translate(-.32rem,.1rem);
    .popper__arrow{
        display: none;
    }
}
.select-date-con{
    .tabs{
        width: 3.14rem;
        height: .4rem;
        margin: 0 auto .1rem;
        border-radius: .48rem;
        border: 1px solid rgba(218, 218, 218, 0.60);
        background: #F5F5F5;
        color: rgba(26, 26, 26, 0.60);
        font-weight: 400;
        display: flex;
        align-items: center;
        .tab{
            flex: 1;
            display: flex;
            height: 100%;
            border-radius: .48rem;
            align-items: center;
            justify-content: center;
            font-size: .16rem;
            cursor: pointer;
            span{
                color: #3451FF;;
            }
        }
        .tab.active{
            border: 1px solid #1A1A1A;
            background: #FEFEFE;
            color: #1A1A1A;
        }
    }
}
.date-table-hd th{
    padding: .05rem .02rem;
    text-align: center;
    border-top: solid 1px  rgba(26, 26, 26, 0.16);
    border-bottom: solid 1px  rgba(26, 26, 26, 0.16);
}
.el-date-range-picker{
    width: 100%;
}
.el-picker-panel__body{
    display: flex;
}
.el-date-range-picker__content{
    padding: .16rem 0;
    flex: 1;
}
.el-date-range-picker__content.is-left{
    border-right: 0;
    margin-right: .8rem;
}
.el-picker-panel__icon-btn{
    margin-top: 0;
    font-size: .16rem;
}
.el-date-range-picker__header{
    display: flex;
    align-items: center;
    margin-bottom: .1rem;
}
.el-date-range-picker__content .el-date-range-picker__header div{
    margin-left: .1rem;
    margin-right: .1rem;
    font-size: .2rem;
}
.is-right .el-date-range-picker__header{
    flex-direction: row-reverse;
}

.select-guest-wrap{
    width: 4.08rem;
    height: auto;
    padding: 0 .24rem ;
    transform: translate(-.32rem,.1rem);
    .popper__arrow{
        display: none;
    }
}
.select-guest-con{
    .item-list{
        .item{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .24rem 0;
            border-bottom: solid 1px rgba(26, 26, 26, 0.16);
            .item-title{
                font-size: .14rem;
                font-weight: 500;
            }
            .item-desc{
                margin-top: .08rem;
                font-size: .14rem;
                font-weight: 300;
            }
        }
    }
    .el-input-number{
        display: flex;
        align-items: center;
        line-height: .32rem;
        width: 1.2rem;
        .el-input-number__decrease,
        .el-input-number__increase{
            display: flex;
            align-items: center;
            justify-content: center;
            width: .32rem;
            height: .32rem;
            border-radius: .32rem;
            border: 1px solid #DADADA;
            font-weight: bold;
            font-size: .18rem;
            background: #fff;
            color: #1A1A1A;
        }
        .el-input__inner{
            border: none;
            padding-left: .36rem;
            padding-right: .36rem;
            height: .4rem;
            line-height: .4rem;
            color: #1A1A1A
        }
    }
}